import React, { Component } from 'react';
import {
  StyleSheet,
  View,
  Text,
  Platform,
  Image,
  Dimensions,
  ConsoleModule,
  Modal,
  TextInput,
} from '@hippy/react';

import { NativeNav } from '../../module/NativeNav';

const styles = StyleSheet.create({
  container: {
    backgroundColor: "white",
  },
  title: {
    marginTop: 24,
    marginLeft: 15,
    fontSize: 30,
    fontWeight: 'bold',
  },
  infoBg: {
    backgroundColor: '#b7d7f6',
    marginLeft: 15,
    marginTop: 12,
    marginRight: 15,
    borderRadius: 8,
  },
  infoTitle: {
    fontSize: 26,
    fontWeight: 'bold',
    marginTop: 20,
    marginLeft: 8,
  },
  infoSubTitle: {
    fontSize: 20,
    color: '#5a6399',
    marginTop: 15,
    marginLeft: 8,
  },
  infoBtnBg: {
    marginLeft: 8,
    marginTop: 15,
    marginBottom: 20,
    width: 80,
    height: 34,
    borderRadius: 17,
    backgroundColor: '#3668f9',
    justifyContent: 'center',
    alignItems: 'center',
  },
  infoBtn: {
    color: 'white',
    textAlign: 'center',
  },
});

export default class HomeEntrepreneurs extends Component {
  constructor(props) {
    super(props);

  }

  _itemDidTapped = () => {
    NativeNav.push("创业者专区")
  };

  render() {
    return (
      <View style={styles.container}>
        <Text style={styles.title}>创业者专区</Text>
        <View style={styles.infoBg} onClick={this._itemDidTapped}>
          <Text style={styles.infoTitle}>股权激励</Text>
          <Text style={styles.infoSubTitle}>查看您的股权激励信息</Text>
          <View style={styles.infoBtnBg}>
            <Text style={styles.infoBtn}>去查看</Text>
          </View>
        </View>
      </View>
    );
  }
}
